.smet-title {
	color: var(--blu-exalto);
	margin-left: 8em;
	padding-top: 6px;
}
.nav-btn-right {
	margin-right: 20px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: var(--blu-exalto);
    background-color: #ffffff;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 10px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
    background-color: rgba(var(--blu-exalto-rgb), 1);
    background: -webkit-linear-gradient(top, rgba(var(--blu-exalto-rgb), 0.8) 0%, rgba(var(--blu-exalto-rgb), 1) 100%);
    background: linear-gradient(to bottom, rgba(var(--blu-exalto-rgb), 0.8) 0%, rgba(var(--blu-exalto-rgb), 1) 100%);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: rgba(var(--blu-exalto-rgb), 1);
    background: -webkit-linear-gradient(top, rgba(var(--blu-exalto-rgb), 0.6) 0%, rgba(var(--blu-exalto-rgb), 0.8) 100%);
    background: linear-gradient(to bottom, rgba(var(--blu-exalto-rgb), 0.6) 0%, rgba(var(--blu-exalto-rgb), 0.8) 100%);
}

#custom-bootstrap-menu.navbar-default .navbar-toggle,
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
    border-color: var(--blu-exalto);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--blu-exalto);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: var(--blu-exalto);
}

/* FOLLOWING CODE MANUALLY MODIFIES THE grid-float-breakpoint */
/* source: http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0px;	/* it was 7.5px -15px, which caused a glicth while collapsing */
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/* ABOVE CODE MANUALLY MODIFIES THE grid-float-breakpoint */